<!--

    <script lang="ts">
        import useStyles, { WRAPPER_PADDING } from './SegmentedControl.styles';
        import { Box } from '../Box';
        import type { SegmentedControlProps as $$SegmentedControlProps } from './SegmentedControl';

        export let use: $$SegmentedControlProps['use'] = [],
		element: $$SegmentedControlProps['element'] = undefined,
		className: $$SegmentedControlProps['className'] = '',
		override: $$SegmentedControlProps['override'] = {},
		data: $$SegmentedControlProps['data'] = null,
		value: $$SegmentedControlProps['value'] = '',
		disabled: $$SegmentedControlProps['disabled'] = false,
		name: $$SegmentedControlProps['name'] = null,
		fullWidth: $$SegmentedControlProps['fullWidth'] = null,
		color: $$SegmentedControlProps['color'] = null,
		size: $$SegmentedControlProps['size'] = 'sm',
		radius: $$SegmentedControlProps['radius'] = null,
		transitionDuration: $$SegmentedControlProps['transitionDuration'] = 200,
		transitionTimingFunction: $$SegmentedControlProps['transitionTimingFunction'] = null,
		defaultValue: $$SegmentedControlProps['defaultValue'] = null,
		orientation: $$SegmentedControlProps['orientation'] = 'horizontal',
		onChange: $$SegmentedControlProps['onChange'] = (...args: any[]) => {};
        export { className as class };

        let _value,
		shouldAnimate = false;
    </script>

    <Box>
        {#if _value && shouldAnimate}
		<Box />
        {/if}
    </Box>
-->
